<!---修改成绩界面--->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生信息管理系统</title>
    <meta charset="utf-8">
    <style type="text/css">
        h1{background:url("d.png");width:1500px;height:80px;font-size:54px;color: #010102;font-family: 华文行楷;}
        span {background: linear-gradient(to right, #ffaf1d, #ff3408);-webkit-background-clip: text;color: transparent;}
        a{ text-decoration:none}
        a:link {color:black}
        a:visited {color: black}
        a:hover{color: #f03301}
        y:hover{color: #f03301}
        x{color: #ffa10f}
        h2{color: #f07e05}
        #header {position: relative;height: 70px;margin: 0; padding: 0;color: #808080;}
        #menu {clear: both;background: #FF9966 url(menubg.gif) repeat-x;height: 30px;margin: 0;font: bolder 1.2em/30px Tahoma, Verdana, Arial, Sans-Serif;width: 1520px;}
        #menu ul{margin: 8px; padding: 0 0 400px 400px;/*调整导航内容的位置*/}
        #menu ul li {float: left;list-style: none;border-right: 1px solid #FFA500;}
        #menu ul li a {display: block;text-decoration: none;padding: 0 15px;color: #FFF;}
        #menu ul li a:hover {color: #333;background: url(menu-hover-bg.gif) repeat-x;}
        #menu ul li#current a {color: #333;background: url(menu-current-bg.gif) repeat-x;}
        form.search {padding-left: 1450px; margin-top: -32px;font-weight:bold;line-height:35px;width: 75px;}
        img{top:-30px;left:1410px;position:absolute;z-index:-5;}
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button{
            -webkit-appearance: none !important;
            margin: 0;
        }

    </style>
    <script type="text/javascript">// 检查表单元素的值是否为空
        function check(){
            var myform = document.getElementById("myform");
            for(var i=0; i<myform.length; i++ ){
                if(myform.elements[i].value == ""){
                    alert(myform.elements[i].title + "不能为空");
                    myform.elements[i].focus();
                    return;
                }
            }
            myform.submit();   // 表单中最后input提交标签用的是button类型，首先不提交表单，在js判断表单项都不为空时 再提交表单。
        }
    </script>
</head>
<body>
<div id="header">
    <h1 align=center ><span>欢迎来到学生信息管理系统</span></h1>
    <img src="t3.png">
</div>
<div id="menu">
    <ul>
        <li><a href="head.html">首页</a></li>
        <li><a href="method.html">评定方法</a></li>
        <li><a href="gradeselect.jsp">成绩查询</a></li>
        <li><a href="gradeinsert.html">成绩输入</a></li>
        <li id="current"><a href="gradeupdate.html">成绩修改</a></li>
        <li><a href="publicity.html">评比公示</a></li>
        <li><a href="http://mail.zut.edu.cn/">提出申请</a></li>
    </ul>
</div>
<div id="wrap">
    <form method="post" class="search" >
        <a href="login.html"><y>退出</y></a>
    </form>
</div>
<form action="updateServlet" method="post" id="myform">
    <table align="center">
        <tr>
            <td>请输入要修改信息的学号：</td>
            <td><input type="number" name="id" title="学号" /></td>
        </tr>

        <tr>
            <td>请输入修改后的成绩：</td>
            <td><input type="number" name="grade" title="成绩" /></td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input type="button" value="提交" onclick="check()"/>
                <input type="reset" value="重 置" />
            </td>
        </tr>
    </table>
</form>

</body>

</html>